<template>
    <div class="SiteTopbar">

        <div class="topbar">
            <Row>
                <Col span="12">
                    <div class="left">
                        <i class="el-icon-location-outline"></i>
                        <span>欢迎光临！</span>
                        <span><router-link to="">登录</router-link></span>
                        <span><router-link to="">注册</router-link></span>
                    </div>
                </Col>

                <Col span="12">
                    <div class="right">
                        <i class="el-icon-phone-outline"></i>
                        <span>联系方式:15797895771</span>
                        <span>|</span>
                        <span><router-link to="">购物车</router-link></span>
                    </div>
                </Col>
            </Row>
        </div>

         

    </div>
</template>

<script>
export default {
    name:'SiteTopbar'
}
</script>

<style lang="scss" scoped>
.SiteTopbar{
    height: 30px;
    line-height: 30px;
    background: #f6f6f6;
}
.topbar{
    width: 1200px;
    margin: 0 auto;
    .left span{
        display: inline-block;
        text-indent: 1em;
    }
    .left a{
        color: #000;
    }
    .left i{
        font-size: 15px;
        display: inline-block;
    }
    .right{
        text-align: right;
        span{
            display: inline-block;
            text-indent: 1em;
        }
        a{
            color: #000;
        }
    }
}
</style>